  /* 页面初始化 */
  * {
      padding: 0;
      margin: 0;
      list-style: none;
  }

  body {
      background-image: url("https://inews.gtimg.com/newsapp_bt/0/051015310011_1769/0"), url("https://inews.gtimg.com/newsapp_bt/0/0511144053996_4707/0");
      background-color: rgb(236, 243, 254);
      background-size: auto 380px;
      background-repeat: no-repeat, repeat-x;
      background-position: center top, center top;
  }

  /* 主容器; */
  .content {
      display: flex;
      flex-direction: column;
  }

  /* 个人信息 */
  .userInfo {
      min-width: 1000px;
      height: 100px;
      margin: 50px auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 0 0 10px #bdb3b7;
      border-radius: 5px;
  }

  /* 个人信息左侧*/
  .userInfo_left {
      width: 360px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-around;
  }

  .userInfo_icon {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      opacity: .8;
  }

  .userInfo_nickname {
      width: 240px;
      height: 50px;
      line-height: 50px;
      font-size: 24px;
      cursor: pointer;
  }

  /* 个人信息右侧 */
  .userInfo_right {
      width: 300px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: space-around;
  }

  .userInfo_collect {
      width: 45%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      font-size: 22px;
      cursor: pointer;
  }

  .userInfo_collect_top {
      width: fit-content;
  }

  .userInfo_collect_bottom {
      width: fit-content;
  }

  /* 信息修改 */
  .updateInfo {
      width: 1000px;
      height: 1000px;
      margin: auto;
      border-radius: 20px;
      background-color: #FFFFFF;
      display: flex;
      flex-direction: column;
      margin-bottom: 50px;
  }

  /* 信息修改导航 */
  .updateInfo_nav {
      border-bottom: 2px dashed #939090;
      width: 900px;
      height: 8%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      font-size: 20px;
  }

  /* 信息修改导航标题 */
  .updateInfo_nav_title:not(:first-child) {
      margin-left: 50px;
      cursor: pointer;
  }

  .active {
      color: tomato;
      cursor: pointer;
  }

  .updateInfo_content {
      width: 900px;
      height: 85%;
      margin: 40px auto;
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .updateInfo_content_item {
      width: 880px;
      height: 50px;
      display: flex;
      align-items: center;
      align-content: center;
      font-size: 18px;
      margin: 20px auto;
  }

  .updateInfo_content_item_left {
      width: fit-content;
  }

  .updateInfo_content_item_right {
      width: 500px;
      height: 40px;
      font-size: 16px;
      padding-left: 10px;
      outline: none;
      color: #7c7979;
  }

  .confirmUpdate {
      border: 1px solid #000;
      border: none;
      width: 200px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      border-radius: 10px;
      color: #FFFFFF;
      background-color: tomato;
      cursor: pointer;
      font-size: 18px;
      margin-top: 30px;
  }